/*
 * 自己的JS脚步
 * @Author: iceStone
 * @Date:   2015-12-12 10:59:26
 * @Last Modified by:   iceStone
 * @Last Modified time: 2015-12-12 11:01:38
 */

'use strict';

$(function(){
	//
	// console.log('加载文档');


	// 3.检测窗口大小 是否发生变化，赋不同的img值

	function resize(){
		// 1.获取窗口大小

		var windowWidth = $(window).width();

		// 2.根据窗口大小赋值img url
		var isSmallScreen = windowWidth < 768;

		// $('#main_ad > .carousel-inner > .item')   获取的是一个dom数组
		$('#main_ad > .carousel-inner > .item').each(function(i,item) {
			// console.log(1111);
			// item 是一个dom 对象，需要转成jquery
			var $item = $(item);
			// var imgSrc = isSmallScreen ? $item.data('image-xs'):$item.data('image-lg');
			var imgSrc = $item.data(isSmallScreen ? 'image-xs':'image-lg');
			// console.log('加载文档');
			$item.css('backgroundImage','url("'+imgSrc+'")');
			// console.log('isSmallScreen is '+isSmallScreen);
			if(isSmallScreen){
				$item.html('<img src="' + imgSrc + '" alt="" />');
			}else{
				$item.empty();
			}
		});
	}
	$(window).on('resize', resize).trigger('resize');
})